<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<style type="text/css">
	#imgid{
		border-radius:65px;
		position:absolute;
		top:0px;
		left:0px;
	}


</style>
<body>
	<img src="1.jpg" id="imgid">
</body>
<script type="text/javascript">
imgobj=document.getElementById('imgid');
	xs=0;
	xv=10;
	ys=0;
	yv=10;
	screenHeight=document.documentElement.clientHeight;
	imgHeight=169;
	differHeight=screenHeight-imgHeight;
	screenWidth=document.documentElement.clientWidth;
	imgWidth=169;
	differWidth=screenWidth-imgWidth;
	setInterval(function(){
	ys+=yv;
	xs+=xv;
	if(ys>=differHeight){
		ys=differHeight;
		yv=-yv;
	}
	if(ys<=0){

     yv=-yv;
	}
	if(xs>=differWidth){
		xs=differWidth;
		xv=-xv;
	}
	if(xs<=0){

     xv=-xv;
	}
	imgobj.style.top=ys+'px';
	imgobj.style.left=xs+'px';
	},100)




</script>
</html>